js获取select标签选中的值

您所在的位置:网站首页 no values for this selection js获取select标签选中的值

js获取select标签选中的值

2023-05-09 22:36| 来源: 网络整理| 查看: 265

如果select标签是有id属性的,如...则用下述方法获取当前选项的值:var v = xx.value;或var v = document.getElementById("xx").value; //此方法兼容性好

如果select标签是有name属性的,如...则用下述方法获取当前选项的值:var v = form1.xx.value;或var v = document.getElementsByName("xx")[0].value;如果同一页面含有多个name属性相同的标签,则上述[0]中的数字要改为相应的物理顺序号(从0起算)

如果select标签不含有任何可供定位的属性,如...则用下述方法获取当前选项的值:var v = document.getElementsByTagName("select")[0].value;如果同一页面含有多个select标签,则上述[0]中的数字要改为相应的物理顺序号(从0起算)----------------------------------------

对于以下select标签,获取当前选择的值得方式如下:

text1text2code:一:javascript原生的方法1:拿到select对象: var myselect=document.getElementById("test");2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index3:拿到选中项options的value: myselect.options[index].value;4:拿到选中项options的text: myselect.options[index].text;



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3